<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" media="screen"
	href="@{'/public/stylesheets/main.css'}">
<link rel="stylesheet" media="screen"
	href="@{'/public/stylesheets/bootstrap.css'}">
#{get 'moreStyles' /}
<style type="text/css">
body {
	padding-top: 10px;
	padding-bottom: 5px;
}

.sidebar-nav {
	padding: 9px 0;
}
</style>
<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.8.2.min.js'}"
	type="text/javascript" charset="${_response_encoding}"></script>
<script src="@{'/public/javascripts/bootstrap.min.js'}"
	type="text/javascript" charset="${_response_encoding}"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.carousel').carousel({
			interval : 5000
		})
	});
</script>
#{get 'moreScripts' /}
</head>
<body>
	<div class="btsnts-flt-wdt">
		<a target="_blank" title="Curta-nos no Facebook"
			href="https://www.facebook.com/cceitclbi"> <img
			src="/public/images/icons/facebook.png" alt="Curta-nos no Facebook">
		</a> <a target="_blank" title="Siga-nos no Twitter"
			href="https://twitter.com/cceit_clbi"> <img
			src="/public/images/icons/twitter2.png" alt="Siga-nos no Twitter">
		</a> <a target="_blank" title="Entre em contato" href="/Contato/Contato">
			<img src="/public/images/icons/mail.png" alt="Entre em contato">
		</a> <a target="_blank" title="Veja-nos no YouTube"
			href="https://www.youtube.com/user/CCEIT"> <img
			src="/public/images/icons/youtube1.png" width="64px" height="64px"
			alt="Entre em contato">
		</a>
	</div>
	<div class="navbar navbar-inverse">
		<!-- navbar-fixed-top -->
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a>
				<!--<a class="brand" href="/">Barreira do Inferno</a>-->
				<div class="nav-collapse collapse">
					<ul class="nav" .pull-left>
						<li><a href="/"><img
								src="/public/images/icons/inicio.png" width="32px" height="32px"
								class="img-rounded"> Início</a></li>
						<li><a href="missoes"><img
								src="/public/images/icons/missoes.png" width="32px"
								height="32px" class="img-rounded"> Missões</a></li>
						<li><a href="pessoal"><img
								src="/public/images/icons/pessoal.png" width="32px"
								height="32px" class="img-rounded"> Pessoal</a></li>
						<li><a href="links"><img
								src="/public/images/icons/links.png" width="32px" height="32px"
								class="img-rounded"> Links</a></li>
						<li><a href="videos"><img
								src="/public/images/icons/videos.png" width="32px" height="32px"
								class="img-rounded"> Vídeos</a></li>
						<li><a href="sobre"><img
								src="/public/images/icons/sobre.png" width="32px" height="32px"
								class="img-rounded"> Sobre</a></li>
						<li><a href="contato"><img
								src="/public/images/icons/contato.png" width="32px"
								height="32px" class="img-rounded"> Contato</a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div class="container">#{doLayout /}</div>

	<center>
		<footer class="footer">
			<div class="container">
				<br>
				<p class="pull-right">
					<a href="#">Voltar para o topo</a>
				</p>
				<br>
				<p>
					Desenvolvido e projetado por <a
						href="https://www.facebook.com/ffmmsegundo" target="_blank">@FranciscoSegundo</a>
					para atender as necessidades do <a
						href="https://www.facebook.com/cceitclbi?ref=stream&hc_location=timeline"
						target="_blank">@CCEIT</a>.
				</p>
				<p>
					Código licenciado sob <a
						href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Licença
						Apache v2.0</a>, documentação em <a
						href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
				</p>
				<p>
					<a href="http://glyphicons.com">Glyphicons Free</a> licensed under
					<a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
				</p>
				<br>
				<p>© 2013 - Centro de Lançamento da Barreira do Inferno.</p>
			</div>
		</footer>
	</center>
</body>

</html>